<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<style>
			[v-cloak] {
				display: none;
			}
		</style>
		<script src="static/jquery/jquery-2.1.1.min.js"></script>
		<link rel="stylesheet" href="static/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<script src="static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/login.css" />
	</head>

	<body>
		<div id="login" class="container" v-cloak>
			<form>
				<div class="form-group" v-if="!islogin">
					<label for="exampleInputEmail1">用户名</label>
					<input type="text" class="form-control" placeholder="用户名" v-model="username">
				</div>
				<div class="form-group" v-if="!islogin">
					<label for="exampleInputPassword1">密码</label>
					<input type="password" class="form-control" placeholder="密码" v-model="password">
				</div>
				
				<div class="form-group" v-if="islogin">
					<label for="name">选择展示区域</label>
					<select class="form-control" id="grantrole" @change="areachange">
						<option>--选择展示数据区域--</option>
						<option v-for="area in areas">{{area.text}}</option>
					</select>
				</div>

				<button type="button" class="btn btn-default" @click="login" v-if="!islogin">登录</button>
				<button type="button" class="btn btn-default" @click="areaselect"  v-if="islogin">确认选择</button>
				
			</form>

		</div>

		<script src="static/axios.js"></script>
		<script src="static/vue/vue.js"></script>
		<script src="js/config.js"></script>
		<script src="js/func/login.js"></script>
	</body>

</html>